<template>
  <div style="margin-top: 50px">
    <Container style="padding-left: 30px"> 网站链接加微信号：{{ site_config.mobile }} >> </Container>
    <Container class="footer">
      <el-row>
        <el-col :md="24">
          <div>咨询手机：{{ site_config.mobile }} （微信同号），办公地址：{{ site_config.adress }}</div>
        </el-col>
        <el-col :md="24">
          <div>
            {{ site_config.copyright }} 联系邮箱：{{ site_config.mail }}
            <img src="https://www.dzklawyer.com/themes/ls/public/assets/images/ghs.png" />
            <a href="http://beian.miit.gov.cn" target="_blank"> {{ site_config.beian }} </a>
          </div>
        </el-col>
      </el-row>
    </Container>
  </div>
</template>

<script setup lang="ts">
const site_config = useSiteConfigStore();
</script>

<style scoped>
.footer {
  text-align: center;
  margin-top: 10px;
  padding: 20px;
  background-color: #333333;
  color: #fff;
  line-height: 2rem;
}
.footer a {
  color: #fff;
  text-decoration: none;
}
.footer a:hover {
  text-decoration: underline;
}
</style>
